<template>
  <div class="main-container">
    <div class="box-container card-container box">
      <a-tabs hide-add type="editable-card">
        <a-tab-pane key="1" tab="系统功能管理">
          <GnzjChildXtgn></GnzjChildXtgn>
        </a-tab-pane>
        <!-- <a-tab-pane key="2" tab="首页组件">
          <GnzjChildSyzj></GnzjChildSyzj>
        </a-tab-pane> -->
      </a-tabs>
    </div>
  </div>
</template>

<script>
import GnzjChildSyzj from "./components/gnzjChildSyzj";
import GnzjChildXtgn from "./components/gnzjChildXtgn";
export default {
  data() {
    return {};
  },
  components: {
    GnzjChildXtgn,
    GnzjChildSyzj,
  },
  methods: {},
};
</script>

<style lang='less' scoped>
.main-container {
  width: 100%;
  min-height: 800px;
  float: left;
  background-color: #eaeeef !important;
  display: flex;
  justify-content: center;

  .box-container {
    width: 1540px;
    margin: 25px 0;
    background-color: #fff;
  }
  .left {
    float: left;
    width: 310px;
    height: 100%;
  }
  .right {
    float: right;
    height: 100%;
    width: calc(100% - 326px);
  }
}
/deep/ .ant-tabs-bar {
  margin: 0;
}
/deep/ .ant-tabs-tabpane {
  padding: 16px;
}
/deep/ .ant-tabs {
  height: 100%;
  border: 1px solid #dcdcdc;
}
/deep/ .ant-tabs-content {
  height: calc(100% - 40px);
}
/deep/ .ant-tabs-tabpane {
  height: 100%;
}
/deep/ .tab-box,
/deep/ .ant-tabs {
  height: 100%;
}
</style>
